今天將會快速的帶過 footer ，然後明天將會開始認真系列！

今天的 css

一如往常的先看看設計圖

那就廢話不多說，馬上來完成吧！

首先打開 footer.js

然後將需要的內容排列上去，順便用好 classname：

import React from "react";
export default function footer() {
  return (
    <div className="footer">
      <div className="text">
        <h1>Chris's Blog</h1>
        <div className="copyright">
          {"Copyright © YourName "}
          {new Date().getFullYear()}
          {"."}
        </div>
      </div>
    </div>
  );
}

簡易且快速地完成！

現在來看看成品吧。

雖然很陽春，但至少有點東西了。

從開始建造 blog 到現在，因為幾乎沒有難度，所以沒有用到任何一個 package，但是明天將會接觸本系列第一個 package - "react-router-dom"，我們將用它來打造 navbar 並且初步建置其他頁面。

可以的話可以先用 npm install react-router-dom，在專案裡把他下載好，這樣可以減少等待的時間，明天見！